<template>
  <view>
    <c-header></c-header>
      <view class="answer-top-box">
        <view class="top-box-title">
          <view class="box-title-image">
            <image src='../../icon/问题-互动.png'></image>
          </view>
          <view class="top-title">上海高藤致远创新学校校园环境怎么样？好不好呢？</view>
          
        </view>
        <view class="problemDescription">
          <view style="color:#999">问题描述:</view>
          <view class="problemDescription-text">目前高二想插班到上海高藤，上海插班生考试难度怎样？主要考什么内容？</view>
        </view>
        <view class="answer-date">2022-05-14 16:00:06</view>
      </view>

      <view class="answer-buttom-box">
         <view class="buttom-box-title">
          <view class="box-title-image">
            <image src='../../icon/问题-互动.png'></image>
          </view>
          <view class="top-title">最佳回答</view>
        </view>
        <view class="buttom-box-content">
          <view class="box-content-image">
            <image src='https://m.k12zx.com/statics/index/img/20210304091633.png'></image>
          </view>
          <view class="content-box-f1">
            <view class="f1-title">
              <view style="color:#0B6DB6;font-weight: bold;font-size: 18px;">国际教育前线</view>
              <view class="f1-button">向TA咨询</view>
            </view>
            <view class="f1-text">专业的国际学校择校服务平台,帮助1892人选择好国际学校,欢迎咨询</view> 
          </view>
        </view>
        <view class="content-text-box">目前上海高藤致远创新学校坐拥十四栋教学楼，三栋学生住宿楼，一个足球场，两个全场篮球场。教学楼以功能楼进行划分和设置，艺术学生独享一栋三层的艺术教学楼，学校还设立了独栋三层的体育楼，若干独栋三层的教学楼以及一栋高藤文化特色楼。</view>
        <view class="content-image-box"><image src='https://img.k12zx.com/news/k12userfile/20220519/20220519111417_91654.jpg'></image></view>
        <view class="content-text-box"></view>
        <view class="content-text-box"></view>
      </view>

       <view class="popular-schools">
      <view class="popular-content">
        <view class="popular-content-title">
          <view class="popular-content-t1">热门学校</view>
          <view class="popular-content-t2"
            >更多
          </view>
        </view>
        <view class="popular-content-box">
          <view class="popular-content-block">
            <image
              src="https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png"
            ></image>
            <text>艾迪学校</text>
          </view>
          <view class="popular-content-block">
            <image
              src="https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png"
            ></image>
            <text>艾迪学校</text>
          </view>
          <view class="popular-content-block">
            <image
              src="https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png"
            ></image>
            <text>艾迪学校</text>
          </view>
          <view class="popular-content-block">
            <image
              src="https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png"
            ></image>
            <text>艾迪学校</text>
          </view>
        </view>
        <view class="wk-c">
      <view class="wk-b" v-for="item in wdList" :key="item.id" @tap="quest">
         <!-- <view>[&nbsp专家建议&nbsp]</view> -->
        <view class="wk-text" >{{item.text}}</view>
      </view> 
    </view>
        <view class="popular-content-more">更多学校 / 招生简章</view>
      </view>
    </view>

      <view class="wd">
    <view class="wd-t">相关问答</view>
    <view class="wd-c">
      <view class="wd-b" v-for="item in wdList" :key="item.id" @tap="quest">
         <!-- <view>[&nbsp专家建议&nbsp]</view> -->
        <view class="wd-text" >{{item.text}}</view>
      </view> 
    </view>
    <view class="g-more" @tap="moreQuestionsAndAnswers">更多问答</view>
      </view>
    <c-footer></c-footer>
  </view>
</template>

<script>
import './index.css'
import Taro from "@tarojs/taro";
import headers from '../../components/header/headers.vue';
import footers from '../../components/footer/footers.vue';
export default {
    components:{
          footers,
    headers,
    },
     data() {
    return {
      wdList: [
        {
          id: 1,
          //  title:'专家建议',
          text: "目前高二想插班到上海高藤，上海插班生考试难度怎样？主要考什么内容？",
        },
        {
          id: 2,
          //  title:'专家建议',
          text: "[ 专家建议 ] 人物专访丨实验ALevel魔法校长黎博士:赋能每一个普通孩子入读梦想院校！冲刺牛剑！ ",
        },
        {
          id: 3,
          //  title:'专家建议',
          text: "[ 专家建议 ] 人物专访丨实验ALevel魔法校长黎博士:赋能每一个普通孩子入读梦想院校！冲刺牛剑！ ",
        },
        {
          id: 4,
          //  title:'专家建议',
          text: "[ 专家建议 ] 人物专访丨实验ALevel魔法校长黎博士:赋能每一个普通孩子入读梦想院校！冲刺牛剑！ ",
        },
        {
          id: 5,
          //  title:'专家建议',
          text: "[ 专家建议 ] 人物专访丨实验ALevel魔法校长黎博士:赋能每一个普通孩子入读梦想院校！冲刺牛剑！ ",
        },
      ],
    };
  },
    methods:{
      moreQuestionsAndAnswers:function(){
        Taro.navigateTo({
          url:'/pages/moreIssue/index'
        })
      },
       quest:function(){
        Taro.navigateTo({
          url:'/pages/best-answer/index'
        })
      }
    }
}
</script>

<style>

</style>